# Lista / List



### Código

```
<list></list>
```



### Tokens

**Color**

| Attribute         | Property | Color token |
| :---------------- | :------- | :---------- |
| `.bx--list__item` | color    | `$text-01`  |

**Tipografía**

| Class                   | Type token      |
| :---------------------- | :-------------- |
| `.bx--list__item`       | `$body-long-01` |
| `.bx--list--nested`     | `$body-long-01` |
| `.bx--list--lg--item`   | `$body-long-02` |
| `.bx--list--lg--nested` | `$body-long-02` |

**Estructura**

| Item    | Property      | Spacing token |
| :------ | :------------ | :------------ |
| Level 1 | margin-bottom | –             |
| Level 2 | margin-bottom | –             |
| Level 2 | padding-left  | `$spacing-05` |